<div class="farm-selector">
  <ul class="farm-selector-farmList">
    <li class="farm-name"><i></i>{{title}}：</li>
    <li *ngFor="let item of farms let i =index " [ngClass]="{active:item.farmId==this.currentFarm?.farmId}" (click)="onClick(item)">
      {{item.farmName}}
    </li>
  </ul>
  <div class="farm-selector-user">
    <p><i class="material-icons md-18">account_circle</i>{{currentFarm?.contact}}<span class="fa fa-angle-down"></span> </p>
    <ul class="user-detail">
      <li><i class="material-icons md-18">stay_current_portrait
          </i>{{currentFarm?.telNo}}</li>
      <li><i class="material-icons md-18">email</i>{{currentFarm?.email}}</li>
      <li><i class="material-icons md-18">phone</i>{{currentFarm?.faxNo}}</li>
    </ul>

  </div>
</div>